// 放置全局指令

// 定义全局指令

import Vue from 'vue'
import store from '@/store'

// const adminPerms = '*:*:*'

Vue.directive('btn-auth', {
  inserted(el, binding) {
    console.log(el, binding.value)
    console.log(store.state.user.profile.permissions)

    // 2. 在指令中添加控制按钮显示和隐藏的逻辑
    // 核心逻辑：判断当前按钮独有的权限标识是否在我们的perms中找到 如果找得到 就显示 找不到就隐藏
    const btnPerm = binding.value // 当前按钮独有的标识 固定的 和后端商量好的
    const userPermissions = store.state.user.profile.permissions

    if (!userPermissions.includes(btnPerm)) {
      el.remove()
    }
  }
})
